/*
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
 /* reset */
header,menu{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
header, menu {display: block;}
.menu ol,ul{list-style:none;margin:0;padding:0;}


.wrap
{
	background:#ffffff;
	
	width:970px;
	margin:0 auto;
	transition:all .2s linear;
	-moz-transition:all .2s linear;/* firefox */
	-webkit-transition:all .2s linear; /* safari and chrome */
	-o-transition:all .2s linear; /* opera */
	-ms-transition:all .2s linear;
}
.header{
	background:#ffffff;
}
.logo{
	float:left;
	padding:0px 0;
	width:210px;
	
	
}
.menu{
	float:right;
	padding-top:10px;
	background:#ffffff;
	
}


/**** Responsice Layout *****/
@media only screen and (max-width: 1440px) and (min-width: 1280px) {
	.wrap{
		width:970px;
	}
	.logo{
		width:210px;
		
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:970px;
	}
	.logo{
		width:210px;
		
	}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:970px;
	}
	.logo{
		width:210px;
		padding:0px 0;
	}
	
}
@media all and (max-width: 1024px) {
	.wrap {
		width:970px;
	}
	.logo{
		width:210px;
		padding:5px 0;
	}
}
@media all and (max-width:800px) {
	.wrap {
		width:95%;
	}
	.logo{
		padding:0;
	}
	.menu li a{
		font-size:0.75em;
		padding:25px 10px;
	}
	
}
@media all and (max-width:640px) {
	.wrap{
		width:95%;
	}
	.logo{
		width:40%;
		padding:8px 0;
	}
	.menu li a{
		padding:25px 5px;
	}

}
@media all and (max-width:480px) {
	.wrap{
		width:95%;
	}
	.logo{
		float:none;
		width:100%;
		text-align:center;
		padding:0;
	}
	.menu{
		float:none;
	}
	.menu li a{
		padding:10px 18px;
	}
	
 }
@media all and (max-width:320px) {
	.wrap{
		width:95%;
	}
	.menu li a {
		font-size:0.7em;
		padding: 6px 4.2px;
	}
}